<!DOCTYPE html>

<html>

<head>

<title>vizito响应式触屏手机网站模板</title>

<!-- meta tags start -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

<!-- meta tags end -->



<!-- favorite icon starts -->

<link rel="shortcut icon" href="images/common/favicon.ico" type="image/x-icon" />

<!-- favorite icon ends -->







<!-- CSS files start -->

<link href="css/framework.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/colorbox.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/elements.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/responsive.css" rel="stylesheet" type="text/css" media="screen" />

<link href="css/hidpi.css" rel="stylesheet" type="text/css" media="screen" />

<link href="css/skin.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />

<!-- CSS files end -->



<!-- JavaScript files start -->

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/effects.jquery-ui.min.js"></script>

<script type="text/javascript" src="js/jquery.nivo-slider.min.js"></script>

<script type="text/javascript" src="js/jquery.colorbox.min.js"></script>

<script type="text/javascript" src="js/contact.js"></script>

<script type="text/javascript" src="js/custom.js"></script>

<!-- JavaScript files end -->

</head>

<body>

<!-- website wrapper starts -->

<div class="websiteWrapper"> 

  

  <!-- main menu wrapper starts -->

  <ul class="mainMenuWrapper">

    <li><a href="index.html">网站首页</a></li>

    <li><a href="typography.html">公司简介</a> </li>

    <li><a href="faq.html">折叠菜单</a></li>

    <li><a href="404.html">404页面</a></li>

    <li><a href="portfolioOneColumn.html">单列图片</a></li>

    <li><a href="portfolioTwoColumns.html">双列图片</a></li>

    <li><a href="portfolioOneColumnFilterable.html">筛选单列</a></li>

    <li><a href="portfolioTwoColumnsFilterable.html">筛选双列</a></li>

    <li><a href="singleProject.html">文字内容</a></li>

    <li><a href="blog.html">新闻资讯</a> </li>

    <li><a href="singlePost.html">新闻内容</a></li>

    <li class="currentPage"><a href="contact.html">联系我们</a></li>

  </ul>

  <!-- main menu wrapper ends --> 

  

  <!-- header wrapper starts -->

  <div class="headerOuterWrapper">

    <div class="headerWrapper"> <a class="mainLogo" href="index.html"><img src="images/mainLogo.png" alt=""/></a> <a href="" class="mainMenuButton"></a> </div>

  </div>

  <!-- header wrapper ends -->

  

  <div class="pageBreak headerBreak"></div>

  

  <!-- page wrapper starts -->

  <div class="pageWrapper contactPageWrapper"> 

    

    <!-- map starts -->

    <div class="contactMapWrapper">

      <h4 class="contactTitle mapTitle">We Are Here:</h4>

      <iframe src="http://map.baidu.com/mobile/webapp/place/list/qt=s&wd=%E6%B7%B1%E5%9C%B3%E9%BE%99%E5%B2%97%E9%BE%99%E6%B2%B3%E8%B7%AF&vt=map/vt=map&i=0" class="contactMap"></iframe>

    </div>

    <!-- map ends --> 

    

    <!-- social icons wrapper starts -->

    <div class="socialIconsWrapper"> <a href="#" class="socialIcon socialIconFacebookDark"></a> <a href="#" class="socialIcon socialIconRssDark"></a> <a href="#" class="socialIcon socialIconDribbbleDark"></a> <a href="#" class="socialIcon socialIconVimeoDark"></a> <a href="#" class="socialIcon socialIconTwitterDark"></a> <a href="#" class="socialIcon socialIconSkypeDark"></a> </div>

    <!-- social icons wrapper ends --> 

    

    <!-- contact form wrapper starts -->

    <div class="contactFormWrapper">

      <h4 class="contactTitle">Send Us An Email:</h4>

      <!-- form success message wrapper starts -->

      <div class="formSuccessMessageWrapper" id="formSuccessMessageWrapper">

        <h4>Your message was received!</h4>

        <p>Your message was successfully submitted to us, and we will contact you as soon as possible.</p>

      </div>

      <!-- form success message wrapper ends --> 

      <!-- contact form starts -->

      <form action="php/contact.php" method="post" class="contactForm" id="contactForm">

        <fieldset>

          <div class="formFieldWrapper">

            <label for="contactNameField">Name:</label>

            <input type="text" name="contactNameField" value="" class="contactField requiredField" id="contactNameField" data-placeholder=""/>

          </div>

          <div class="formFieldWrapper">

            <label for="contactEmailField">Email:</label>

            <input type="text" name="contactEmailField" value="" class="contactField requiredField requiredEmailField" id="contactEmailField" data-placeholder=""/>

          </div>

          <div class="formTextareaWrapper">

            <label for="contactMessageTextarea">Message:</label>

            <textarea name="contactMessageTextarea" class="contactTextarea requiredField" id="contactMessageTextarea" data-placeholder=""></textarea>

          </div>

          <div class="formSubmitButtonErrorsWrapper"> 

            <!-- form errors start --> 

            <span class="formValidationError" id="contactNameFieldError">Your name is required.</span> <span class="formValidationError" id="contactEmailFieldError">Your email is required.</span> <span class="formValidationError" id="contactEmailFieldError2">Invalid email address.</span> <span class="formValidationError" id="contactMessageTextareaError">A message is required.</span> 

            <!-- form errors end -->

            <input type="submit" class="buttonWrapper contactSubmitButton" id="contactSubmitButton" value="Submit" data-form-id="contactForm"/>

          </div>

          <input type="hidden" name="formIsReady" value="true"  id="formIsReady" />

        </fieldset>

      </form>

      <!-- contact form ends --> 

    </div>

    <!-- contact form wrapper ends --> 

    

  </div>

  <!-- page wrapper ends --> 

  

  <!-- footer wrapper starts -->

  <div class="footerTopDeco"></div>

  <div class="footerWrapper"> 

    <!-- copyright wrapper starts -->

    <div class="copyrightWrapper"> 

      <!-- copyright starts --> 

      <span class="copyright">Powered by <a href="http://www.17sucai.com" target="_blank">17素材网</a> Copyright &copy; 2014 - 2015</span> 

      <!-- copyright ends --> 

      <!-- back to top button starts --> 

      <a href="" class="backToTopButton"></a> 

      <!-- back to top button ends --> 

    </div>

    <!-- copyright wrapper ends --> 

  </div>

  <!-- footer wrapper ends --> 

  

</div>

<!-- website wrapper ends -->

</body>

</html>

